<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>轮播</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
	<style>
    div{
        text-align: center;
    }    
    .carousel-caption{
        text-size-adjust: 500;
    }
    .col-6{
        border: 1px solid #fff;
            text-align: center;
    }
    /* .row{
            background-color: #eee;
            font-size: 30px;
        } */
    </style>

</head>
<body>

<div id="myCarousel" class="carousel slide">
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="黄星铭" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="朱斌斌"></li>
		<li data-target="#myCarousel" data-slide-to="周靖宇"></li>
		<li data-target="#myCarousel" data-slide-to="谢松林"></li>
		<li data-target="#myCarousel" data-slide-to="王正勇"></li>
		<li data-target="#myCarousel" data-slide-to="刘川东"></li>
	</ol>   
	<div class="carousel-inner">

		<div class="item active">
            <div>
			<img src="./01.jpg" class="d-block w-100"alt="First slide" >
            <div class="container  carousel-caption">
                <div class="row">
                    <div class="col-6">姓名</div>
                    <div class="col-6">黄星铭</div>
                    <div class="col-6">学号</div>
                    <div class="col-6">2005010415</div>
                    <div class="col-6">性别</div>
                    <div class="col-6">男</div>
                    <div class="col-6">出生时刻</div>
                    <div class="col-6">2001-10-08</div>
                    <div class="col-6">电话号码</div>
                    <div class="col-6">17815451513</div>
                    <div class="col-6">出生地</div>
                    <div class="col-6">重庆市开州区</div>
                </div>
            </div>
            </div>

		</div>
		<div class="item">
            <div>
                <img src="./02.jpg" class="d-block w-100" alt="Second slide">
                <div class="container  carousel-caption">
                <div class="row"> 
                    <div class="col-6">姓名</div>
                    <div class="col-6">朱斌斌</div>
                    <div class="col-6">学号</div>
                    <div class="col-6">200576725</div>
                    <div class="col-6">性别</div>
                    <div class="col-6">男</div>
                    <div class="col-6">出生时刻</div>
                    <div class="col-6">2001-07-28</div>
                    <div class="col-6">电话号码</div>
                    <div class="col-6">1723543</div>
                    <div class="col-6">出生地</div>
                    <div class="col-6">重庆市万州区</div>
                </div>
                </div>
			</div>
		</div>

		<div class="item">
            <div>
			<img src="./03.jpg" class="d-block w-100" alt="Third slide">
                <div class="container  carousel-caption">
                    <div class="row">
                        <div class="col-6">姓名</div>
                        <div class="col-6">周靖宇</div>
                        <div class="col-6">学号</div>
                        <div class="col-6">2005010401</div>
                        <div class="col-6">性别</div>
                        <div class="col-6">男</div>
                        <div class="col-6">出生时刻</div>
                        <div class="col-6">2001-04-28</div>
                        <div class="col-6">电话号码</div>
                        <div class="col-6">134252413</div>
                        <div class="col-6">出生地</div>
                        <div class="col-6">重庆市丰都</div>
                    </div>
                </div>    
			</div>
		</div>

		<div class="item">
            <div>
			    <img src="./04.jpg" class="d-block w-100" alt="Third slide">
                <div class="container  carousel-caption">
                    <div class="row">
                        <div class="col-6">姓名</div>
                        <div class="col-6">王正勇</div>
                        <div class="col-6">学号</div>
                        <div class="col-6">200501042</div>
                        <div class="col-6">性别</div>
                        <div class="col-6">男</div>
                        <div class="col-6">出生时刻</div>
                        <div class="col-6">2000-09-27</div>
                        <div class="col-6">电话号码</div>
                        <div class="col-6">17778424651</div>
                        <div class="col-6">出生地</div>
                        <div class="col-6">四川省巴中市</div>
                    </div>
                </div>
            </div>
		</div>

		<div class="item">
            <div>
			    <img src="./05.jpg" class="d-block w-100" alt="Third slide">
                <div class="container  carousel-caption">
                    <div class="row">
                        <div class="col-6">姓名</div>
                        <div class="col-6">谢松林</div>
                        <div class="col-6">学号</div>
                        <div class="col-6">20050124320</div>
                        <div class="col-6">性别</div>
                        <div class="col-6">男</div>
                        <div class="col-6">出生时刻</div>
                        <div class="col-6">2001-07-48</div>
                        <div class="col-6">电话号码</div>
                        <div class="col-6">17234234113</div>
                        <div class="col-6">出生地</div>
                        <div class="col-6">重庆市开州区</div>
                    </div>
                </div>
            </div>
		</div>


		<div class="item">
            <div>
			    <img src="./06.jpg" class="d-block w-100" alt="Third slide">
                <div class="container  carousel-caption">
                    <div class="row">
                        <div class="col-6">姓名</div>
                        <div class="col-6">刘川东</div>
                        <div class="col-6">学号</div>
                        <div class="col-6">2005010452</div>
                        <div class="col-6">性别</div>
                        <div class="col-6">男</div>
                        <div class="col-6">出生时刻</div>
                        <div class="col-6">2003-03-28</div>
                        <div class="col-6">电话号码</div>
                        <div class="col-6">13242524353</div>
                        <div class="col-6">出生地</div>
                        <div class="col-6">重庆市云阳</div>
                    </div>
                </div>
			</div>
		</div>
	</div>
	<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
	    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
	    <span class="sr-only">Previous</span>
	</a>
	<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
	    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
	    <span class="sr-only">Next</span>
	</a>
</div> 

</body>
</html>